:root,
page {
  --wot-navbar-background: transparent;
  --wot-table-border-color: #efeff5;
  --wot-table-stripe-bg: #fafafc;
  --wot-tabs-nav-fs: 28rpx;
  --wot-fs-content: 28rpx;
  --wot-table-font-size: 28rpx;
  --wot-cell-title-fs: 28rpx !important;
  --wot-cell-padding: 28rpx;
  --wot-cell-wrapper-padding: 16rpx;
  --wot-tag-primary-color: #4477c8;
  --wot-tag-fs: 24rpx;
  --wot-col-picker-selected-padding: 0 28rpx;
  //--wot-size-side-padding: 0;

  --hash-calendar-main-color: #4477c8;
  // nut-ui 样式
  --nut-menu-item-content-max-height: auto;
  --nut-menu-bar-box-shadow: 0 2px 12px rgb(89 89 89 / 12%);
  --nut-tabs-titles-background-color: #f5f5fa;
  --nut-primary-color: #4477c8;
  --nut-tabs-horizontal-tab-line-color: #4477c8;
  --nut-tab-pane-background: transparent;
  --nut-popover-menu-item-padding: 24rpx 0;
  --nut-font-size-2: 28rpx;
  --nut-tab-pane-padding: 16rpx 24rpx;
  --nut-tabs-horizontal-titles-item-min-width: 6em;
}

.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.nut-tabs-active .nut-tabs__titles-item__line {
  --at-apply: rounded-12rpx;
}

.b-base {
  border-style: solid;
  border-color: #efeff5;
}

.bg-gradient {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170rpx; /* 渐变的高度 */
    background-image: linear-gradient(to bottom, white 0%, #f5f5fa 100%);
    //z-index: 1;
  }
}

.uni-easyinput__content-input {
  font-size: 24rpx !important;
}
.uni-easyinput__content .uni-icons {
  font-size: 28rpx !important;
}

uni-button[type="primary"] {
  background-color: #4477c8 !important;
}

.uni-table {
  min-width: unset !important;
}

.uni-date-text .uni-date-x {
  background-color: unset !important;
}

.uni-navbar__header {
  padding-left: 32rpx !important;
  padding-right: 32rpx !important;

  .uni-navbar__header-btns-left {
    .uni-icons {
      font-size: 48rpx !important;
    }
  }
}

.uni-calendar.cal-data {
  .uni-calendar-item__weeks-box-item {
    width: 100% !important;
  }
  .uni-calendar__backtoday,
  .uni-calendar-item__weeks-box-circle,
  .uni-calendar-item__weeks-box.uni-calendar-item--disable {
    --at-apply: hidden;
  }

  .uni-calendar-item__weeks-box-item {
    --at-apply: bg-hex-fafafa rounded-12rpx;

    .uni-calendar-item--extra {
      --at-apply: text-24rpx text-hex-000 pt-12rpx;
      &.uni-calendar-item--isDay {
        --at-apply: text-pri font-medium;
      }
    }
  }
  .uni-calendar-item--checked {
    .uni-calendar-item--extra {
      --at-apply: text-pri font-medium;
    }
  }

  .uni-calendar__weeks {
    --at-apply: gap-10rpx mb-10rpx;
  }
  .uni-calendar-item--checked,
  .uni-calendar-item--isDay {
    --at-apply: bg-white opacity-100 text-pri;
  }
  .uni-calendar-item__weeks-box-text {
    --at-apply: text-20rpx text-hex-ccc;

    /* width: 100%; */
    /* height: 100%; */
    span {
      position: absolute;
      right: 0;
      top: 0;
    }
  }
}

.nut-checkbox {
  --nut-checkbox-label-margin-left: 12rpx;

  .no-label .nut-checkbox__label {
    display: none;
  }
}

.nut-navbar--placeholder {
  &.transparent,
  &.tp {
    .nut-navbar {
      --nut-navbar-background: transparent;
      --nut-navbar-box-shadow: none;
    }
  }
  .nut-navbar {
    --nut-navbar-padding: 0 28rpx;
  }
}

.wd-tabs {
  &.bg-unset {
    background: unset !important;

    .wd-tabs__nav {
      background-color: unset;
    }
  }

  &.align-left {
    .wd-tabs__nav-item {
      flex: 0 0 auto;
      padding: 0 28rpx;
    }
  }
  &.line-tight {
    .wd-tabs__nav {
      left: 14rpx;
    }
    .wd-tabs__line {
      bottom: 12rpx;
    }
    .wd-tabs__nav-item {
      --wot-tabs-nav-color: #939699;
      padding: 0 16rpx;

      &.is-active {
        --wot-tabs-nav-color: #000;
      }
    }
  }
}

.wd-segmented {
  &.seg-round {
    //--wot-segmented-item-bg-color: #fff;
    --wot-segmented-item-bg-color: #ecf4ff;
    border-radius: 60rpx !important;

    .wd-segmented__item--active {
      //--wot-segmented-item-acitve-bg: #ecf4ff;
      border-radius: 60rpx !important;
    }
  }
}

.wd-table {
  .wd-table__header {
    height: 72rpx !important;
    font-size: 28rpx;
    font-weight: bold;
  }

  .wd-table__cell {
    min-height: 72rpx !important;
  }
}

.wd-col-picker {
  .wd-col-picker__list-item {
    --wot-col-picker-list-checked-icon-size: 28rpx;
    align-items: center !important;
  }
}

.wd-cell {
  .wd-cell__left {
    align-items: center;
  }
}
.wd-tag {
  &.is-round.small {
    padding: 6rpx 16rpx !important;
  }
  &.is-icon {
    display: flex !important;
    align-items: center !important;
    .wd-tag__icon {
      display: flex;
    }
  }
  &.size-medium {
    font-size: 28rpx !important;
    .wd-tag__close {
      height: unset !important;
      line-height: unset !important;
      vertical-align: unset !important;
    }
  }
  .wd-tag__close {
    margin-left: 24rpx !important;
    color: #cecece !important;
  }
}

.wd-button {
  &.is-medium {
    --wot-button-medium-padding: 0 18rpx;
    --wot-button-medium-height: 68rpx;
    --wot-button-medium-radius: 16rpx;
    font-size: 32rpx !important;
  }
}
